<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0036)http://tablesorter.ru/docs/index.php -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
	<title>Плагин jQuery:  Tablesorter 2.0 (Сортировщик таблиц 2.0)</title> 
	<link rel="stylesheet" href="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/jq.css" type="text/css" media="print, projection, screen"> 
	<link rel="stylesheet" href="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/style.css" type="text/css" media="print, projection, screen"> 
	<meta name="description" content="tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell"> 
	<meta name="keywords" content="jquery javascript table tablesorter plugin sort ajax tables webdev webdesign"> 
	<script type="text/javascript" src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/jquery-latest.js"></script> 
	<script type="text/javascript" src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/jquery.tablesorter.js"></script> 
	<script type="text/javascript" src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/chili-1.8b.js"></script> 
	<script type="text/javascript" src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/docs.js"></script> 
	<script type="text/javascript"> 
	$(function() {		
		$("#tablesorter-demo").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});
		$("#options").tablesorter({sortList: [[0,0]], headers: { 3:{sorter: false}, 4:{sorter: false}}});
	});	
	</script> 
<script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/document_iterator.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/find_proxy.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/get_html_text.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/global_constants.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/name_injection_builder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/number_injection_builder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/string_finder.js"></script><script src="chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl/change_sink.js"></script><link rel="stylesheet" type="text/css" href="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/javascript.css"><link rel="stylesheet" type="text/css" href="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/html.css"><link rel="stylesheet" type="text/css" href="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/css.css"><meta name="document_iterator.js"><meta name="find_proxy.js"><meta name="get_html_text.js"><meta name="global_constants.js"><meta name="name_injection_builder.js"><meta name="number_injection_builder.js"><meta name="string_finder.js"><meta name="change_sink.js"></head> 
<body> 


<div id="banner">	
	<h1>table<em>sorter</em></h1> 
	<h2>Документация</h2> 
	<h3>Гибкая сортировка таблиц на стороне клиента</h3> 
	<a href="http://tablesorter.ru/docs/index.php#"></a> 
</div> 
<div id="main"> 

	<p> 
	  	<strong>Автор:</strong> <a class="external" href="http://lovepeacenukes.com/" target="_new">Christian Bach</a><br> 
		<strong>Версия:</strong> 2.0.3 (<a href="http://tablesorter.ru/changelog">хроника изменений</a>)<br> 
		<strong>Лицензия:</strong> 
		Двойное лицензирование под <a class="external" href="http://www.opensource.org/licenses/mit-license.php" target="_new">MIT</a> 
		or <a class="external" href="http://www.opensource.org/licenses/gpl-license.php" target="_new">GPL</a> лицензиями.
	</p> 
	
	<p class="tip"> 
	<em>Просьба о помощи!</em> Если Вам понравился tablesorter переведите немного денег в благодарность его создателям. Пожертвуйте, пожалуйста, или просмотрите  список вожделений автора <a class="external" href="http://www.amazon.com/gp/registry/wishlist/3VAOWCL63NEA6/ref=wl_web/" target="_new">на Амазоне</a> 
	</p> 
	
	<form action="https://www.paypal.com/cgi-bin/webscr" method="post">		<input type="hidden" name="cmd" value="_donations">		<input type="hidden" name="business" value="christian.bach@polyester.se">		<input type="hidden" name="lc" value="US">		<input type="hidden" name="item_name" value="Tablesorter donation">		<input type="hidden" name="no_note" value="0">		<input type="hidden" name="currency_code" value="USD">		<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest">		<input type="image" src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">		<img alt="" border="0" src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/pixel.gif" width="1" height="1">	</form>	
	
 
	<p>Комментарии и благодарность можно отправить автору по адресу: <a href="mailto:christian@tablesorter.com" class="external">christian@tablesorter.com</a><span class="email" style="display: none; ">christian at tablesorter dot com</span>. Обсуждение плагина <a href="http://www.bigbigforum.ru/forum/24-jquery-tablesorter/">на форуме</a></p> 

	
	<a name="Contents"></a> 
	<h1>Оглавление</h1> 
	<ol> 
		<li><a href="http://tablesorter.ru/docs/index.php#Introduction">Введение</a></li> 
		<li><a href="http://tablesorter.ru/docs/index.php#Demo">Демо</a></li> 
		<li><a href="http://tablesorter.ru/docs/index.php#Getting-Started">Начало работы</a></li> 
		
		<li><a href="http://tablesorter.ru/docs/index.php#Examples">Примеры</a></li> 
		
		<li><a href="http://tablesorter.ru/docs/index.php#Configuration">Конфигурация</a></li> 
		<li><a href="http://tablesorter.ru/docs/index.php#Download">Скачать</a></li> 
		<li><a href="http://tablesorter.ru/docs/index.php#Compatibility">Совместимость</a></li> 
		<li><a href="http://tablesorter.ru/docs/index.php#Support">Поддержка</a></li> 
		<li><a href="http://tablesorter.ru/docs/index.php#Credits">Титры</a></li> 
	</ol> 
 
	<a name="Introduction"></a> 
	<h1>Введение</h1> 
	<p>  
		Tablesorter – это плагин, созданный на основе JavaScript библиотеки <a class="external" href="http://jquery.com/" target="_new">jQuery</a> и предназначенный для того, чтобы превратить обычную HTML-таблицу, содержащую теги THEAD и TBODY, в сортируемую таблицу без обновления страницы. Tablesorter способен успешно понимать и сортировать множество типов данных, включая связанные данные, содержащиеся в ячейке. Он имеет множество полезных функций, включая:
	</p> 
  	
  	<ul> 
  		<li>Сортировку по нескольким столбцам</li> 
  		<li>Анализ с целью сортировки текста, URI, целых чисел, чисел с плавающей точкой, IP-адресов, валют, дат (согласно стандартам ISO, включая длинные и короткие форматы), времени.  <a href="http://tablesorter.ru/docs/example-parsers.html">Легко добавьте свой</a></li> 
  		<li>Поддержку атрибутов ROWSPAN и COLSPAN в TH элементах таблиц.</li> 
  		<li>Поддержку «тайной» зависимой засортировки (например, поддержку сортировки по алфавиту при основной сортировке по другим критериям)</li> 
  		<li>Расширяемость посредством <a href="http://tablesorter.ru/docs/example-widgets.html">системы виджетов</a></li> 
  		<li>Кроссбраузерность: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+</li>	
		<li>Малый размер кода</li> 
 
  	</ul> 
 
	<a name="Demo"></a> 

 
	<h1>Демо</h1> 
 
	<table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> 
		<thead> 
			<tr> 
				<th class="header">Имя</th> 
				<th class="header headerSortUp">Фамилия</th> 
				<th class="header">Возраст</th> 
				<th class="header">Всего</th> 
				<th class="header">Скидка</th> 
				<th class="header">Разница</th> 
				<th class="header">Дата</th> 
			</tr> 
		</thead> 
		<tbody> 
			 
			 
			 
			 
			 
		<tr class="even"> 
				<td>Иван</td> 
				<td>Смирнов</td> 
				<td>33</td> 
				<td>$19.99</td> 
				<td>25%</td> 
				<td>+12</td> 
				<td>Dec 10, 2002 5:14 AM</td> 
			</tr><tr class="odd"> 
				<td>Сергей</td> 
				<td>Сидоров</td> 
				<td>18</td> 
				<td>$15.89</td> 
				<td>44%</td> 
				<td>-26</td> 
				<td>Jan 12, 2003 11:14 AM</td> 
			</tr><tr class="even"> 
				<td>Михаил</td> 
				<td>Медведев</td> 
				<td>22</td> 
				<td>$13.19</td> 
				<td>11%</td> 
				<td>-100.9</td> 
				<td>Jan 18, 2007 9:12 AM</td> 
			</tr><tr class="odd"> 
				<td>Петр</td> 
				<td>Иванов</td> 
				<td>28</td> 
				<td>$9.99</td> 
				<td>20.9%</td> 
				<td>+12.1</td> 
				<td>Jul 6, 2006 8:14 AM</td> 
			</tr><tr class="even"> 
				<td>Михаил</td> 
				<td>Зубов</td> 
				<td>45</td> 
				<td>$153.19</td> 
				<td>44.7%</td> 
				<td>+77</td> 
				<td>Jan 18, 2001 9:12 AM</td> 
			</tr></tbody> 
	</table> 
	
	<p class="tip"> 
		<em>Подсказка!</em> Можно сортировать по нескольким столбцам, удерживая клавишу shift и кликая дважды, трижды или даже четыре раза по заголовку!!!
	</p>	
	
	
		<a name="Getting-Started"></a> 
	<h1>Начало работы</h1> 
	<p> 
		Для того чтобы использовать плагин tablesorter, нужно подгрузить  <a class="external" href="http://jquery.com/" target="_new">jQuery</a> 
		библиотеку и сам плагин tablesorter в теге <code>&lt;head&gt;</code> Вашего HTML документа.
	</p> 
	
<pre class="javascript">&nbsp;&nbsp;<br>&lt;script&nbsp;type=<span class="string">"text/javascript"</span>&nbsp;src=<span class="string">"/путь/к/jquery-latest.js"</span>&gt;&lt;/script&gt;&nbsp;<br>&lt;script&nbsp;type=<span class="string">"text/javascript"</span>&nbsp;src=<span class="string">"/путь/к/jquery.tablesorter.js"</span>&gt;&lt;/script&gt;&nbsp;<br></pre> 
 
 
	<p>Tablesorter работает в стандартных HTML таблицах с употреблением обязательных тегов THEAD и TBODY:</p> 
	
	<pre class="html">&nbsp;&nbsp;<br><span class="tag">&lt;table</span><span class="aname">&nbsp;id</span>=<span class="avalue">"myTable"</span><span class="tag">&gt;</span>&nbsp;<br><span class="tag">&lt;thead</span><span class="tag">&gt;</span>&nbsp;<br><span class="tag">&lt;tr</span><span class="tag">&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;th</span><span class="tag">&gt;</span>Фамилия<span class="tag">&lt;/th&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;th</span><span class="tag">&gt;</span>Имя<span class="tag">&lt;/th&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;th</span><span class="tag">&gt;</span>Email<span class="tag">&lt;/th&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;th</span><span class="tag">&gt;</span>Платеж<span class="tag">&lt;/th&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;th</span><span class="tag">&gt;</span>Сайт<span class="tag">&lt;/th&gt;</span>&nbsp;<br><span class="tag">&lt;/tr&gt;</span>&nbsp;<br><span class="tag">&lt;/thead&gt;</span>&nbsp;<br><span class="tag">&lt;tbody</span><span class="tag">&gt;</span>&nbsp;<br><span class="tag">&lt;tr</span><span class="tag">&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Иванов<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Петр<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>ivanov@gmail.com<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>$50.00<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>http://www.ivanov.ua<span class="tag">&lt;/td&gt;</span>&nbsp;<br><span class="tag">&lt;/tr&gt;</span>&nbsp;<br><span class="tag">&lt;tr</span><span class="tag">&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Петров<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Иван<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>petrov@yandex.ru<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>$50.00<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>http://www.petrov.com.ru<span class="tag">&lt;/td&gt;</span>&nbsp;<br><span class="tag">&lt;/tr&gt;</span>&nbsp;<br><span class="tag">&lt;tr</span><span class="tag">&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Сергеев<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Михаил<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>sergeed@mail.ru<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>$100.00<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>http://www.sergeev.ru<span class="tag">&lt;/td&gt;</span>&nbsp;<br><span class="tag">&lt;/tr&gt;</span>&nbsp;<br><span class="tag">&lt;tr</span><span class="tag">&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Михайлов<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>Потап<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>medvedev@rambler.ru<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>$50.00<span class="tag">&lt;/td&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="tag">&lt;td</span><span class="tag">&gt;</span>http://www.yandex.com<span class="tag">&lt;/td&gt;</span>&nbsp;<br><span class="tag">&lt;/tr&gt;</span>&nbsp;<br><span class="tag">&lt;/tbody&gt;</span>&nbsp;<br><span class="tag">&lt;/table&gt;</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;</pre> 
 
 
	<p>После загрузки страницы дайте команду tablesorter сортировать страницу:</p> 
	
	
	
	
	<pre class="javascript">&nbsp;&nbsp;<br>$(<span class="global">document</span>).ready(<span class="keywords">function</span>()&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">"#myTable"</span>).tablesorter();&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br>);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;</pre> 
	
	<p> 
	Кликая мышкой по заголовкам столбцов таблицы, Вы можете увидеть, что Ваша таблица теперь поддаётся сортировке! Вы также можете использовать опции при инициализации таблицы. В этом случае мы дадим команду  сортировать первую и вторую колонки в порядке возрастания: 
	</p> 
 
 
 
	<pre class="javascript">&nbsp;&nbsp;<br>$(<span class="global">document</span>).ready(<span class="keywords">function</span>()&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">"#myTable"</span>).tablesorter(&nbsp;{sortList:&nbsp;[[<span class="numbers">0</span>,<span class="numbers">0</span>],&nbsp;[<span class="numbers">1</span>,<span class="numbers">0</span>]]}&nbsp;);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br>);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;</pre> 
	
	<p class="tip"> 
		<em>Примечание!</em> Tablesorter автоматически опознаёт большинство типов данных, включая числа, даты, ip-адреса. Для дополнительной информации смотри <a href="http://tablesorter.ru/docs/index.php#Examples">примеры</a> 
	</p> 
	
	
	
 
 
	<a name="Examples"></a> 
    <h1>Примеры</h1> 
    <p>	
	Эти примеры призваны продемонстрировать, на что способен tablesorter. У Вас должно быть разрешено использование Javascript для просмотра этих примеров, также как Вам и Вашим пользователям понадобится включенный Javascript для работы tablesorter. 
	</p> 
	
    <strong>Главные</strong> 
	<ul> 
		<li><a href="http://tablesorter.ru/docs/example-option-sort-list.html">Установка начального порядка сортировки, используя параметры</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-option-digits.html">Работа с числами!</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-options-headers.html">Запрет заголовков, используя опции</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-trigger-sort.html">Сортировка таблицы, используя ссылку, расположенную вне таблицы</a></li>	
		<li><a href="http://tablesorter.ru/docs/example-option-sort-force.html">Задание принудительной сортировки</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-option-sort-key.html">Меняем клавишу для сортироки по нескольким колонкам</a></li>	
	</ul> 
	<strong>Метаданные - устанавливаем опции в таблице</strong> 
	<ul> 
		<li><a href="http://tablesorter.ru/docs/example-meta-sort-list.html">Задаем порядок сортировки при использовании метаданных</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-meta-headers.html">Запрещаем сортировку столбца, используя метаданные</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-meta-parsers.html">Устанавливаем парсер колонки, используя метаданные</a></li> 
	</ul>	
	
	<strong>Высший пилотаж</strong> 
	<ul> 
		<li><a href="http://tablesorter.ru/docs/example-triggers.html">Триггеры sortEnd и sortStart(Отображение заставки при процессе сортировки)</a></li>		
		<li><a href="http://tablesorter.ru/docs/example-ajax.html">Добавление данных с помощью Ajax</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-empty-table.html">Запуск Tablesorter при пустой таблице</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-option-text-extraction.html">Работа с тегами внутри ячеек</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-extending-defaults.html">Расширяем опции по умолчанию.</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-option-debug.html">Включение режима отладки</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-parsers.html">Парсеры, написание собственного</a></li> 
		<li><a href="http://tablesorter.ru/docs/example-widgets.html">Виджеты, написание собственного</a></li> 
	</ul> 
	
	<strong>Плагины</strong> 
	<ul> 
		<li><a href="http://tablesorter.ru/docs/example-pager.html">Плагин по-страничного вывода</a></li> 
	</ul>	
	
	
 
	
 
 
	<a name="Configuration"></a> 
	<h1>Конфигурация</h1> 
 
	<p> 
		Tablesorter понимает множество опций, с помощью которых Вы можете добиться именно того эффекта, что нужен Вам:
	</p> 
	
 
 
  <table id="options" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> 
    <thead> 
      <tr> 
        <th class="header headerSortDown">Свойство</th> 
        <th class="header">Тип</th> 
        <th class="header">По умолчанию</th> 
        <th class="">Описание</th> 
        <th class="">Ссылка</th> 
      </tr> 
    </thead> 
    <tbody> 
       
      <!-- 
      <tr>
        <td>sortInitialOrder</td>
        <td>String</td>
        <td>asc</td>
        <td>When clicking the header for the first time, the direction it sorts.  Valid arguments are "asc" for Ascending or "desc" for Descending.</td>
        <td><a href="example-option-sort-order.html">Example</a></td>
      </tr>
      --> 
       
       
       
       
       
       
       
       
       
	   
    <tr> 
        <td>cancelSelection</td> 
        <td>Boolean</td> 
        <td>true</td> 
        <td>Указывает, должен ли tablesorter запрещать выделение текста в заголовке таблицы (TH). Делает заголовок большой кнопкой.</td> 
		<td></td> 
      </tr><tr> 
        <td>cssAsc</td> 
        <td>String</td> 
        <td>"headerSortUp"</td> 
        <td>Стиль css, форматирующий заголовок при сортировке по возрастанию.  Пример из голубой темы:
<pre class="css">&nbsp;&nbsp;<br>th.headerSortUp&nbsp;{&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-image</span>:&nbsp;<span class="value">url</span>(../img/small_asc.gif);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-color</span>:&nbsp;<span class="color">#3399FF</span>;&nbsp;<br>}&nbsp;<br></pre> 
       </td> 
	   <td></td> 
      </tr><tr> 
        <td>cssDesc</td> 
        <td>String</td> 
        <td>"headerSortDown"</td> 
        <td>Стиль css, форматирующий заголовок при сортировке по убыванию. Пример из голубой темы:
<pre class="css">&nbsp;&nbsp;<br>th.headerSortDown&nbsp;{&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-image</span>:&nbsp;<span class="value">url</span>(../img/small_desc.gif);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-color</span>:&nbsp;<span class="color">#3399FF</span>;&nbsp;<br>}&nbsp;<br></pre> 
       </td> 
	   <td></td> 
      </tr><tr> 
        <td>cssHeader</td> 
        <td>String</td> 
        <td>"header"</td> 
        <td>Стиль css, форматирующий заголовок в первоначальном, неотсортированном виде. Пример из голубой темы:
<pre class="css">&nbsp;&nbsp;<br>th.header&nbsp;{&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-image</span>:&nbsp;<span class="value">url</span>(../img/<span class="value">small</span>.gif);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">cursor</span>:&nbsp;<span class="value">pointer</span>;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">font-weight</span>:&nbsp;<span class="value">bold</span>;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-repeat</span>:&nbsp;<span class="value">no-repeat</span>;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">background-position</span>:&nbsp;<span class="value">center</span>&nbsp;<span class="value">left</span>;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">padding-left</span>:&nbsp;<span class="number">20px</span>;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">border-right</span>:&nbsp;<span class="number">1px</span>&nbsp;<span class="value">solid</span>&nbsp;<span class="color">#dad9c7</span>;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="attrib">margin-left</span>:&nbsp;-<span class="number">1px</span>;&nbsp;<br>}&nbsp;<br></pre>        	
        </td> 
		<td></td> 
      </tr><tr> 
        <td>debug</td> 
        <td>Boolean</td> 
        <td>false</td> 
        <td> 
		Метка Boolean управляет, должен ли tablesorter отображать отладочную информацию, полезную для разработчика
       </td> 
	   <td><a href="http://tablesorter.ru/docs/example-option-debug.html">Пример</a></td> 
      </tr><tr> 
        <td>headers</td> 
        <td>Object</td> 
        <td>null</td> 
        <td> 
        	Объект с инструкция для управления колонкой в формате: <code>headers: { 0: { option: setting }, ... }</code>  Например, отключить сортировку в первых двух колонках таблицы:  <code>headers: { 0: { sorter: false}, 1: {sorter: false} }</code> 
        </td> 
        <td><a href="http://tablesorter.ru/docs/example-options-headers.html">Пример</a></td> 
      </tr><tr> 
        <td>sortForce</td> 
        <td>Array</td> 
        <td>null</td> 
        <td>Используется для добавления дополнительной принудительной сортировки, применяемой, когда пользователь меняет сортировку в других колонках. 	Например, может применяться для сортировки людей по алфавиту после какого-либо другого способа сортировки, выбранного пользователем до этого, когда первая сортировка выдала одинаковый результат для нескольких элементов – числа или даты. Это препятствует выводу зависимых данных в случайном порядке.</td> 
        <td><a href="http://tablesorter.ru/docs/example-option-sort-force.html">Пример</a></td> 
      </tr><tr> 
        <td>sortList</td> 
        <td>Array</td> 
        <td>null</td> 
        <td>Массив с инструкциями по колонкам сортировки и порядке в формате <code>[[ИндексКолонки, НаправлениеСортировки], ... ]</code> где  ИндексКолонки номер колонки, начинающийся с нуля и считающийся слева направо, а НаправлениеСортировки равно 0 сортировки по возрастанию и 1 по убыванию.  Пример аргументов для сортировки по возрастанию сначала первой колонки, а потом второй выглядит вот так: <code>[[0,0],[1,0]]</code></td> 
      	<td><a href="http://tablesorter.ru/docs/example-option-sort-list.html">Пример</a></td> 
      </tr><tr> 
        <td>sortMultiSortKey</td> 
        <td>String</td> 
        <td>shiftKey</td> 
        <td>Клавиша, используемая для выбора более чем одной колонки при многостолбцовой сортировке. По умолчанию - shift. Также можно использовать ctrlKey, altKey.  <br>Ссылка: <a class="external" href="http://developer.mozilla.org/en/docs/DOM:event#Properties" target="_new">http://developer.mozilla.org/en/docs/DOM:event#Properties</a></td> 
      
      	<td><a href="http://tablesorter.ru/docs/example-option-sort-key.html">Пример</a></td> 
      </tr><tr> 
        <td>textExtraction</td> 
        <td>String Or Function</td> 
        <td>simple</td> 
        <td> 
		Определяет при помощи какого метода извлекать данные из ячейки таблицы для дальнейшей сортировки. Встроенные методы  - "simple" и "complex". Есть смысл использовать "complex", если Ваши данные обрмлены тегами в ячейке таблицы как: <code>&lt;td&gt;&lt;strong&gt;&lt;em&gt;Тверская 13&lt;/em&gt;&lt;/strong&gt;&lt;/td&gt;</code>. Complex может быть медленным при больших таблицах, так что подумайте, может Вам стоит написать свою функцию, навроде "myTextExtraction", привдеенной ниже:
<pre class="javascript">&nbsp;&nbsp;<br><span class="keywords">var</span>&nbsp;myTextExtraction&nbsp;=&nbsp;<span class="keywords">function</span>(node)&nbsp;&nbsp;<br>{&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="com">//&nbsp;извлекаем&nbsp;данные&nbsp;из&nbsp;тегов&nbsp;и&nbsp;возвращаем&nbsp;их</span>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="keywords">return</span>&nbsp;node.childNodes[<span class="numbers">0</span>].childNodes[<span class="numbers">0</span>].innerHTML;&nbsp;<br>}&nbsp;<br>$(<span class="global">document</span>).ready(<span class="keywords">function</span>()&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="string">"#myTable"</span>).tableSorter(&nbsp;{textExtraction:&nbsp;myTextExtraction}&nbsp;);&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;<br>);&nbsp;<br></pre>  
 
			Tablesorter передаст соответствующий объект jQuery (который в свою очередь будет содержать содержимое ячейки) для парсинга и передачи как возвращаемое значение.  Благодарим Джона Нэша за пример.
		</td> 
		<td><a href="http://tablesorter.ru/docs/example-option-text-extraction.html">Пример</a></td> 
	  </tr><tr> 
        <td>widthFixed</td> 
        <td>Boolean</td> 
        <td>false</td> 
        <td>Указывает должен ли tablesorter применять фиксированную ширину к столбцам таблицы. Эта функция полезно при использовании для плагина Pager. Требует <a href="http://tablesorter.ru/docs/index.php#Download-Addons">плагина jQuery dimension</a></td> 
        <td><a href="http://tablesorter.ru/docs/example-pager.html">Пример</a></td> 
      </tr></tbody> 
  </table> 
	
	
	
<a name="Download"></a> 
	<h1>Загрузка</h1> 
	
	<p><strong>Полная версия</strong> - плагин, документация, аддоны, темы <a href="http://tablesorter.ru/jquery.tablesorter.zip">jquery.tablesorter.zip</a></p> 
	
	
	<p><strong>На выбор</strong> - Обязательно разместите компоненты, отмеченные как "обязательные" и проверьте, чтобы они были доступны через браузер.</p> 
	
	<strong id="Download-Required">Обязательно:</strong> 
	<ul> 
		<li><a class="external" href="http://docs.jquery.com/Downloading_jQuery#Download_jQuery" target="_new">jQuery</a> (1.2.1 или выше)</li> 
		<li><a href="http://tablesorter.ru/jquery.tablesorter.min.js">jquery.tablesorter.min.js</a> (12kb, сжат для экономии места)</li> 
	</ul>  
		
	<strong id="Download-Addons">На выбор/Дополнения:</strong> 
	<ul> 
		<li><a class="external" href="http://github.com/jquery/jquery-metadata/raw/master/jquery.metadata.js" target="_new">metadata.js</a> (3,7кб <strong>Требуется, если будете использовать <a href="http://tablesorter.ru/docs/index.php#Examples">метаданные</a></strong>)</li> 
		<!--
		<li><a class="external" href="http://dev.jquery.com/browser/trunk/plugins/dimensions/jquery.dimensions.
.js?format=raw">jquery.dimensions.pack.js</a> (5,1kb, <a href="http://dean.edwards.name/packer/" class="external">packed</a>, for production. <strong>Required: for the <a href="example-pager.html">tablesorter pagination plugin</a></strong>)</li>
		--> 
		<li><a href="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/jquery.tablesorter.js">jquery.tablesorter.js</a> (17,7kb, для разработки)</li> 
		<li><a href="http://tablesorter.ru/addons/pager/jquery.tablesorter.pager.js">jquery.tablesorter.pager.js</a> (3,6kb, <a href="http://tablesorter.ru/docs/example-pager.html">tablesorter плагин по-страничного вывода</a>)</li> 
	</ul>  
	
	<strong id="Download-Widgets">Виджеты:</strong> 
	<ul> 
		<li><a class="external" href="http://www.jdempster.com/category/code/jquery/tablesortercookiewidget/" target="_new">Cookie виджет</a>, от <a class="external" href="http://www.jdempster.com/" target="_new">Джеймса Дебстера</a></li> 
	</ul> 
	
	<strong id="Download-Themes">Темы:</strong> 
	<ul> 
		<li><a href="http://tablesorter.ru/themes/green/green.zip">Green Skin</a> - изображения и стиль CSS для зелёной темы заголовков</li> 
		<li><a href="http://tablesorter.ru/themes/blue/blue.zip">Blue Skin</a> - изображения и стиль CSS для синей темы заголовков (Та, что Вы видите в примерах)</li> 
	</ul>  	
 
  <a name="Compatibility"></a> 
  <h1>Совместимость с браузерами</h1> 
 
    <p>Tablesorter был успешно протестирован в следующих браузерах при включённом Javascript:</p> 
    <ul> 
    	<li>Firefox 2+</li> 
    	<li>Internet Explorer 6+</li> 
    	<li>Safari 2+</li> 
    	<li>Opera 9+</li> 
    	<li>Konqueror</li> 
    </ul> 
    
    <p><a class="external" href="http://docs.jquery.com/Browser_Compatibility" target="_new">jQuery-совместимые браузеры</a></p> 
    
    
 
 
<a name="Support"></a> 
  <h1>Поддержка</h1> 
  <p> 
        Поддержка на английском языке осуществляется через 
        <a class="external" href="http://jquery.com/discuss/" target="_new">лист рассылки jQuery</a>.  
  </p>      
  <p>Доступ к jQuery листу рассылки  также доступен через <a class="external" href="http://www.nabble.com/JQuery-f15494.html" target="_new">Nabble Forums</a>.</p> 
  <p>Обсуждение и поддержка плагина на русском языке <a href="http://www.bigbigforum.ru/forum/24-jquery-tablesorter/">на форуме</a></p>
 
  <a name="Credits"></a> 
  <h1>Титры</h1> 
  <p> 
  	Плагин написан <a class="external" href="http://lovepeacenukes.com/" target="_new">Christian Bach (Кристиан Бах)</a>.
  </p> 
  <p> 
	Составление документации <a class="external" href="http://www.ghidinelli.com/" target="_new">Брайан Гидинелли</a>, на основе шикарной документации
  	<a class="external" href="http://malsup.com/jquery/" target="_new">Майка Олсупа</a>.
  </p> 
  <p> 
	<a class="external" href="http://ejohn.org/" target="_new">John Resig</a> респект и уважуха за его офигенный <a class="external" href="http://jquery.com/" target="_new">jQuery</a>		
  </p> 
  <p> 
	Перевод документации Zayamaya, А. Ушаков. 	
  </p>

  <h1>Ссылки для разработчиков</h1> 
  <ol>
  <li><a href="http://fivefaces.ru/">Продвижение сайтов</a> с помощью поисковых систем</li>
  <li>Что нужно, чтобы ваш сайт попал в <a href="http://www.ideiseo.ru/katalogi/chto-nuzhno-chtoby-vash-sajt-popal-v-dmoz/">DMOZ</a>?</li>
  <li>Практический опыт использования <a href="http://www.cmsmagazine.ru/authors/volkov/av_mediatarget/">MediaTarget</a></li>
  <li>Хорошие ссылки - только <a href="http://www.siwega.ru/">вечные ссылки</a></li>
  <li>Скрипт <a href="http://www.scriptunza.ru/php/string/generator-paroley/">php генератор паролей</a>. Легко запоминающихся</li>
  <li><a href="http://www.marketer.ru/marketing/programmy-loyalnosti-klienta/crm/zopim-%E2%80%93-programma-dlya-vebmastera-i-ne-tolko/">Zopim</a> - сервис онлайн-поддержки пользователей</li>
  <li>А Вы знаете, что Вы можете использовать на своем сайте любой шрифт испозуя технологию <a href="http://www.marketer.ru/adv/production/dizajn/tipografika/cufon-nestandartnyj-shrift-sredstvami-js/">Cufon</a></li>
  <li><a href="http://www.brandogenerator.ru/">Генератор названий</a>, брендов, доменов, ников - и все бесплатно.</li>
  </ol>
  

</div> 
 
<script src="./Плагин jQuery  Tablesorter 2.0 (Сортировщик таблиц 2.0)_files/urchin.js" type="text/javascript"></script> 
<script type="text/javascript"> 
_uacct = "UA-2254384-19";
urchinTracker();
</script> 
 
 
 </body><span id="skype_highlighting_settings" display="none" autoextractnumbers="1"></span><object id="skype_plugin_object" location.href="http://tablesorter.ru/docs/index.php" location.hostname="tablesorter.ru" style="position: absolute; visibility: hidden; left: -100px; top: -100px; " width="0" height="0" type="application/x-vnd.skype.toolbars.npplugin.4.2.0"></object></html>